<script setup>
import { ref } from 'vue'
import VideoJSPlayer from "./components/VideoJSPlayer.vue";
const videoOption01 = ref({
  autoplay: true,
  controls: true,
  loop: true,
  width: '100%',
  height: 'auto',
  sources: [
    {
      src: "videos/JGchexing.mp4", // 替换为实际的视频链接
      type: "video/mp4",
    },
  ],
});
</script>

<template>
  <div class="mainview">
    <VideoJSPlayer :options="videoOption01"></VideoJSPlayer>
  </div>
</template>

<style lang="scss" scoped>
.mainview {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
</style>
